<!DOCTYPE html>
<html>

<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <style>
    input{
        display: block; 
        margin-bottom: 5px;
    }
    </style>
</head>
<body>
    <!-- 8.  有一组文本框，要求让每一个文本框在自己输入的时候，
    背景显示灰色，其他文本框显示白色。 -->
    <input type="text">
    <input type="text">
    <input type="text">
    <input type="text">
    <input type="text">
    <input type="text">
    <script>
        // 获取元素
        var inputs = document.getElementsByTagName("input");
        // 给每一个元素添加点击事件
        for(var i = 0;i<inputs.length;i++){
            inputs[i].onclick = function(){
                // 排他.给所有元素设置文本框颜色为白色
                for (var i = 0;i<inputs.length;i++){
                inputs[i].style.backgroundColor = "white";
                }
                // 保留自己
                this.style.backgroundColor = "lightgray";
            }
        }

        
    </script>



</body>
</html>